<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel='stylesheet' type='text/css' href='../jquery/fullcalendar.css' />
<!-- <link rel='stylesheet' type='text/css' href='https://cdn.bootcdn.net/ajax/libs/fullcalendar/4.2.0/core/main.css' /> -->
  
  <script type='text/javascript' src='../jquery/jquery.js'></script>
  <script type='text/javascript' src='../jquery/ui.core.js'></script>
  <script type='text/javascript' src='../jquery/ui.draggable.js'></script>
  <script type='text/javascript' src='../jquery/ui.resizable.js'></script>
  <script type='text/javascript' src='../jquery/fullcalendar.min.js'></script>
<!-- <script type='text/javascript' src='https://cdn.bootcdn.net/ajax/libs/fullcalendar/4.1.0/core/main.min.js'></script> -->
  <!-- <script type='text/javascript' src='https://cdn.bootcdn.net/ajax/libs/fullcalendar/4.2.0/core/locales/zh-cn.js'> -->
  </script>
  
  <title>HTML</title>
</head>

<body>
  <div>1231312</div>
  <div id='calendar'></div>
</body>
<script type='text/javascript'>
  $(document).ready(function () {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();



    $('#calendar').fullCalendar({
      buttonText: {
      today: '今天',
      month: '月视图',
      week: '周视图',
      day: '日视图'
      },
      allDayText: "全天",
      timeFormat: {
      '': 'H:mm{-H:mm}'
      },
      weekMode: "variable",
      columnFormat: {
      month: 'dddd',
      week: 'dddd M-d',
      day: 'dddd M-d'
      },
      titleFormat: {
      month: 'yyyy年 MMMM月',
      week: "[yyyy年] MMMM月d日 { '&#8212;' [yyyy年] MMMM月d日}",
      day: 'yyyy年 MMMM月d日 dddd'
      },
      monthNames: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
      dayNames: ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
      },
      editable: true,
      disableDragging: true, //禁止拖动
      events: [{
          title: 'All Day Event',
          start: new Date(y, m, 1)
        },
        {
          title: 'Long Event',
          start: new Date(y, m, d - 5),
          end: new Date(y, m, d - 2)
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: new Date(y, m, d - 3, 16, 0),
          allDay: false
        },
        {
          id: 999,
          title: 'Repeating Event',
          start: new Date(y, m, d + 4, 16, 0),
          allDay: false
        },
        {
          title: 'Meeting',
          start: new Date(y, m, d, 10, 30),
          allDay: false
        },
        {
          title: 'Lunch',
          start: new Date(y, m, d, 12, 0),
          end: new Date(y, m, d, 14, 0),
          allDay: false
        },
        {
          title: 'Birthday Party',
          start: new Date(y, m, d + 1, 19, 0),
          end: new Date(y, m, d + 1, 22, 30),
          allDay: false
        },
        {
          title: 'Click for Google',
          start: new Date(y, m, 28),
          end: new Date(y, m, 29),
          url: 'http://google.com/'
        }
      ]
    });

  });
</script>
<style type='text/css'>

	body {
		margin-top: 40px;
		text-align: center;
		font-size: 14px;
		font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
		}

	#calendar {
		width: 900px;
		margin: 0 auto;
		}

</style>
</html>
